:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CECFD2; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CECFD2;opacity:1;
}

input:-ms-input-placeholder{
    color: #CECFD2;opacity:1;
}

input::-webkit-input-placeholder{
    color: #CECFD2;opacity:1;
}
html, body { padding: 0; margin: 0; height: 100%; font-size: 16px; background-repeat: no-repeat; background-position: left top; background-color: #242645; color: #fff; font-family: 'Source Sans Pro'; background-size: 100%;}
body {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.login {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	background: #FFF;
	color: #333;
	transform: translateX(-50%) translateY(-50%);
	background: rgba(212,212,255,.5);
}
.login h4 {
	line-height: 50px;
	font-size: 20px;
}
.login i {
	float: left;
	width: 20%;
	height: 38px;
	line-height: 38px;
	text-align: right;
}
.login .layui-input {
	float: left;
	width: 70%;
}
.login .layui-input[name='code'] {
	width: 33%;
}
.login .validate-code {
	float: left;
    line-height: 38px;
    width: 30%;
    margin-left: 7%;
    font-size: 30px;
    cursor: pointer;
    user-select: none;
}